<!DOCTYPE html>
<html>

<head>
    <title>签约信息管理</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/animate.css">
    <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/jquery.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-select.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/awesome-bootstrap-checkbox.css">
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
    <link rel="stylesheet" type="text/css" href="/static/css/theme.css">

    <script type="text/javascript" src="/static/js/jquery-2.1.3.min.js"></script>

    <script type="text/javascript" src="/static/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="/static/js/dataTables.bootstrap.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="/static/js/main.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

<body class="flat-blue sidebar-collapse">
<div class="sidebar">
    <div class="menu-control toggle-sidebar">
        <a class="navbar-brand" href="#"><i class="fa fa-bar-chart"></i>高校就业信息管理系统</a>
        <i class="fa fa-bars navicon"></i>
    </div>
    <ul class="menu">
        <li class="submenu">
            <a href="/index">
                <div>
                    <i class="menu-icon fa fa-th-large"></i>
                    <span class="menu-title">主页</span>
                </div>
            </a>
        </li>

        <li class="submenu">
            <a href="/getAllStudents" >
                <div>
                    <i class="menu-icon fa fa-table"></i>
                    <span class="menu-title">学生信息管理</span>
                </div>
            </a>
        </li>

        <li class="submenu">
            <a href="/getAllCompanys" >
                <div>
                    <i class="menu-icon fa fa-table"></i>
                    <span class="menu-title">单位信息管理</span>
                </div>
            </a>
        </li>

        <li class="submenu">
            <a href="/getAllOffers" >
                <div>
                    <i class="menu-icon fa fa-table"></i>
                    <span class="menu-title">就业信息管理</span>
                </div>
            </a>
        </li>
        <li class="submenu">
            <a href="/getAllEmployments" class="active">
                <div>
                    <i class="menu-icon fa fa-table"></i>
                    <span class="menu-title">签约信息管理</span>
                </div>
            </a>
        </li>
        <li class="submenu">
            <a href="/getAllSkills" >
                <div>
                    <i class="menu-icon fa fa-table"></i>
                    <span class="menu-title">就业技能管理</span>
                </div>
            </a>
        </li>



    </ul>
    </li>
    </ul>
</div>
<div class="content-container">
    <nav class="navbar navbar-default">
        <div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><i class="fa fa-bar-chart"></i>签约信息管理</a>
                </div>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa fa-comments"></i> 0</a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-title-bar">
                                Notification ( 0 )
                            </li>
                            <li class="message">
                                No new notification
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown notification-alert">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-exclamation-circle"></i> 3</a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-title-bar">
                                Notification ( 3 )
                            </li>
                            <li>
                                <ul class="notification-list">
                                    <li>
                                        <a href="#">
                                            <div class="noti-icon noti-alert">
                                                <i class="fa fa-exclamation-circle fa-2x"></i>
                                            </div>
                                            <div class="noti-message">1 new registration</div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="noti-icon noti-success">
                                                <i class="fa fa-check fa-2x"></i>
                                            </div>
                                            <div class="noti-message">3 new orders</div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="noti-icon noti-primary">
                                                <i class="fa fa-comments fa-2x"></i>
                                            </div>
                                            <div class="noti-message">2 customers messages</div>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{.id}} <span class="caret"></span></a>
                        <ul class="dropdown-menu user-info">
                            <li class="dropdown-title-bar">
                                <img src="/static/images/profile.jpg" class="profile-img">
                            </li>
                            <li>
                                <div class="navbar-login">
                                    <h4 class="user-name">{{.id}}</h4>
                                    <p>815486582@qq.com</p>
                                    <div class="btn-group margin-bottom-2x" role="group">
                                        <button type="button" class="btn btn-default"><i class="fa fa-user"></i><a href="/index">Profile</a></button>
                                        <button type="button" class="btn btn-default"><i class="fa fa-sign-out"></i><a href="/logout">Logout</a></button>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <div class="container-fluid">

        <div class="col-xs-12">
            <span class="page-title red"><h3>Table</h3></span>
        </div>


        <div class="row">
            <div class="col-xs-12">
                <div class="content-block">
                    <div class="block-title">签约信息表</div>
                    <div class="block-content">
                        <table class="table table-hover">
                            <thead>
                            <tr>

                                <th class="text-center">ID</th>
                                <th class="text-center">学生学号</th>
                                <th class="text-center">操作类型</th>
                                <th class="text-center">是否签约</th>
                                <th class="text-center">签约公司</th>
                                <th class="text-center">签约岗位</th>
                                <th class="text-center">解约原因</th>
                                <th colspan="2" style="text-align:center;">操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            {{range .json}}
                                <tr >

                                    <td class="text-center" >{{.Id}}</td>
                                    <td class="text-center" >{{.Sid}}</td>
                                    <td class="text-center" >{{.Operation}}</td>
                                    <td class="text-center" >{{.Employed}}</td>
                                    <td class="text-center">{{.Cname}}</td>
                                    <td class="text-center" >{{.Oname}}</td>
                                    <td class="text-center" >{{.Reason}}</td>

                                    <td class="text-center" ><a href="/updateEmployment?id={{.Id}}" class="btn btn-info" >修改</a></td>
                                    <td class="text-center" ><a href="/deleteEmployment?id={{.Id}}" class="btn btn-info" >删除</a></td>
                                </tr>
                            {{end}}

                            <tr style="text-align:center;"><a href="/addEmployment" class="btn btn-primary" >添加</a></tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>




</body>





</html>
